<html>
<head>
<title></title>
<style>
ul{
list-style:none;
}
ul li{
    width: 33px;
    margin-right: 6px;
    float: left;
    text-align: center;
    height: 38px;
    line-height: 14px;
}
ul li a, ul li a:visited {
    background: url(http://pimg1.126.net/caipiao/img/newballs_0df07ea.png?0ce4e3c89557774646f3d95e6886e198) 0 0 no-repeat;
    width: 33px;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    outline: 0;
	text-decoration: none;
	color: #333;
}
ul a:link, ul a:visited {
    /*color: #333;*/
}
li a:hover {
    background-position: -35px 0;
    color:#ba2636;
}
</style>
</head>
<body>
<ul class="clearfix">
		<li>
			<a href="javascript:;" hidefocus="true" data-value="0">0</a>
			
		</li>
		<li>
			<a href="javascript:;" hidefocus="true" data-value="1">1</a>
			
		</li>
		<li>
			<a href="javascript:;" hidefocus="true" rel="nofollow" class="js_ball" data-value="2">2</a>
			
		</li>
		<li>
			<a href="javascript:;" hidefocus="true" rel="nofollow" class="js_ball" data-value="3">3</a>
			
		</li>
		<li>
			<a href="javascript:;" hidefocus="true" rel="nofollow" class="js_ball" data-value="4">4</a>
			
		</li>
		<li>
			<a href="javascript:;" hidefocus="true" rel="nofollow" class="js_ball" data-value="5">5</a>
			
		</li>
		<li>
			<a href="javascript:;" hidefocus="true" rel="nofollow" class="js_ball" data-value="6">6</a>
			
		</li>
		<li>
			<a href="javascript:;" hidefocus="true" rel="nofollow" class="js_ball" data-value="7">7</a>
			
		</li>
		<li>
			<a href="javascript:;" hidefocus="true" rel="nofollow" class="js_ball" data-value="8">8</a>
			
		</li>
		<li>
			<a href="javascript:;" hidefocus="true" rel="nofollow" class="js_ball" data-value="9">9</a>
			
		</li>
	</ul>
</body>
</html>